import React, { Component } from 'react';
import {
    StyleSheet, Modal,Platform,
    Text,
    View, Button, Image, TouchableHighlight
} from 'react-native';
import { Variable } from '../variables';
import MeScreen from '../pages/me/me';
const headerStyle = {}
export default function HeaderBar(screenProps = {}, params = {}, navigation = {}, ) {
    return ({
        title: params.title,
        header: params.header,
        headerRight: params.header_right,
        headerLeft:params.header_left,
        headerTitleStyle: {
            color: screenProps.color
        },
        headerStyle: {
            borderTopColor: screenProps.color,
            backgroundColor: screenProps.header,
            //borderBottomColor: screenProps.color,
        },
        headerTintColor: screenProps.color,
        tabBarLabel: ({ focused, tintColor }) => (
            <Text style={[focused ? { color: screenProps.header } : { color: tintColor },Platform.OS === 'ios'?{ marginTop: 15 }:null]}>{params.msg}</Text>
        ),
        tabBarIcon: ({ focused, tintColor }) => (
            <Image source={params.Image}
                style={[focused ? { tintColor: screenProps.header } : { tintColor: tintColor }, Variable.icon]}
            />
        ),
    })
}